Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Javascript gallery met vorige | volgende knopjes

Martijn2008 - 23/07/2009 23:02
PHP beginner		Beste Sitemasters, Mijn idee is als volgt: Ik wil graag een hele directory inlezen die vol staat met images. Nou lijkt het mij handig om alle url's naar de images vooraf weg te schrijven in javascript, zodat niet onnodig de server de hele tijd postbacks moet sturen, maar alleen de image. Het gaat erom dat wanneer ik op volgende of vorige klikt, dat ook echt de volgende of vorige afbeelding wordt opgehaald. Ik maak gebruik van JQuery. Heeft iemand een idee hoe ik zoiets kan maken? Bedankt alvast voor jullie hulp! Groeten, Martijn

6 antwoorden

Gesponsorde links

ibmos2warp - 23/07/2009 23:31
PHP interesse		Gewoon die urls in een array'tje stoppen ofzo? Dat is het simpelste...

Martijn2008 - 23/07/2009 23:36
PHP beginner		Heb je misschien een voorbeeldje, want ik ben niet zo goed in javascript

ibmos2warp - 23/07/2009 23:41
PHP interesse		Goh, google en w3schools bestaan ook niet meer...

henver - 23/07/2009 23:44 (laatste wijziging 24/07/2009 00:00)
HTML gevorderde		ibmos2warp, doe effe normaal. Zulke dingen vind je niet op 123 vinTage schreef: Hij gaf 2 goede links door, dus gelieve het moderen aan ons over te laten

ibmos2warp - 23/07/2009 23:47
PHP interesse		henver schreef: ibmos2warp, doe effe normaal. Zulke dingen vind je niet op 123 Nee, niet op 213, maar wel op w3schools met google...

snxs - 24/07/2009 03:41 (laatste wijziging 24/07/2009 03:44)

Nieuw lid

Met php kun je een directory uitlezen, en de array in bijvoorbeeld javascript zetten.

Ik was weer lekker bezig dus heb een hele class als voorbeeld gegeven, die niet alleen een JS array kan maken, maar ook PHP en JSON return kan geven.

php code - Bekijk de code zonder highlighting - Klap code in

<?php
/*
	##########################################################
	# Serve file list Class                             v0.1 #
	#                                                        #
	# Filename:   getFiles.php                               #
	#                                                        #
	# Author:     Guido Bouman                               #
	# Copyright:  Guido Bouman Web Development               #
	# Date:       24-07-2009                                 #
	#                                                        #
	# Dependencies:                                          #
	#  - None                                                #
	##########################################################
	
	##########################################################
	# TODO:                                                  #
	#                                                        #
	#  - Nothing                                             #
	#                                                        #
	# NOTES:                                                 #
	#                                                        #
	#  - None                                                #
	##########################################################
	
	##########################################################
	# Description:                                           #
	#                                                        #
	# This class takes care of getting a list of files       #
	# and outputting it in the desired type.                 #
	# JS, PHP, JSON or any other type you can imagine        #
	##########################################################
*/

	class getFiles
	{
		private static $buffer;
		
		public function JS($dir,$arrayName)
		{
			self::$buffer = "";
			
			self::$buffer .= "<script type=\"text/javascript\">".PHP_EOL;
			self::$buffer .= "var ".$arrayName." = new Array(".PHP_EOL;
			
			$files = self::read($dir,"files");
			$keys = array_keys($files);
			$last = end($keys);
			foreach($files as $key => $val)
			{
				self::$buffer .= "\"".$val."\"";
				if($key !== $last)
				{
					self::$buffer .= ",";
				}
				self::$buffer .= PHP_EOL;
			}
			
			self::$buffer .= ");".PHP_EOL;
			self::$buffer .= "</script>".PHP_EOL;
			
			return self::$buffer;
		}
		
		public function PHP($dir)
		{
			self::$buffer = self::read($dir,"files");
			return self::$buffer;
		}
		
		public function JSON($dir,$arrayName)
		{
			self::$buffer = "";
			
			self::$buffer .= "[";
			
			$files = self::read($dir,"files");
			$keys = array_keys($files);
			$last = end($keys);
			foreach($files as $key => $val)
			{
				self::$buffer .= "\"".$val."\"";
				if($key !== $last)
				{
					self::$buffer .= ",";
				}
			}
			
			self::$buffer .= "]";
			
			return self::$buffer;
		}
		
		private function read($dir,$type = "")
		{
			$files=array();
			$dirs=array();
			
			$uitlees=opendir($dir);
			while(($result = readdir($uitlees))!= false)
			{
				if(is_file($dir."/".$result)){
					$files[] = $result;
				}elseif(is_dir($dir."/".$result)){
					if($result != "." && $result != ".."){
						$dirs[] = $result;
					}
				}
			}
			closedir($uitlees);
			
			sort($files);
			sort($dirs);
			
			if($type == "files"){
				return $files;
			}elseif($type == "dirs"){
				return $dirs;
			}elseif($type == "both" || empty($type)){
				return array_merge($dirs,$files);
			}
		}
?>

<?php
/*
	##########################################################
	# Serve file list Class                             v0.1 #
	#                                                        #
	# Filename:   getFiles.php                               #
	#                                                        #
	# Author:     Guido Bouman                               #
	# Copyright:  Guido Bouman Web Development               #
	# Date:       24-07-2009                                 #
	#                                                        #
	# Dependencies:                                          #
	#  - None                                                #
	##########################################################
 
	##########################################################
	# TODO:                                                  #
	#                                                        #
	#  - Nothing                                             #
	#                                                        #
	# NOTES:                                                 #
	#                                                        #
	#  - None                                                #
	##########################################################
 
	##########################################################
	# Description:                                           #
	#                                                        #
	# This class takes care of getting a list of files       #
	# and outputting it in the desired type.                 #
	# JS, PHP, JSON or any other type you can imagine        #
	##########################################################
*/
 
	class getFiles
	{
		private static $buffer;
 
		public function JS($dir,$arrayName)
		{
			self::$buffer = "";
 
			self::$buffer .= "<script type=\"text/javascript\">".PHP_EOL;
			self::$buffer .= "var ".$arrayName." = new Array(".PHP_EOL;
 
			$files = self::read($dir,"files");
			$keys = array_keys($files);
			$last = end($keys);
			foreach($files as $key => $val)
			{
				self::$buffer .= "\"".$val."\"";
				if($key !== $last)
				{
					self::$buffer .= ",";
				}
				self::$buffer .= PHP_EOL;
			}
 
			self::$buffer .= ");".PHP_EOL;
			self::$buffer .= "</script>".PHP_EOL;
 
			return self::$buffer;
		}
 
		public function PHP($dir)
		{
			self::$buffer = self::read($dir,"files");
			return self::$buffer;
		}
 
		public function JSON($dir,$arrayName)
		{
			self::$buffer = "";
 
			self::$buffer .= "[";
 
			$files = self::read($dir,"files");
			$keys = array_keys($files);
			$last = end($keys);
			foreach($files as $key => $val)
			{
				self::$buffer .= "\"".$val."\"";
				if($key !== $last)
				{
					self::$buffer .= ",";
				}
			}
 
			self::$buffer .= "]";
 
			return self::$buffer;
		}
 
		private function read($dir,$type = "")
		{
			$files=array();
			$dirs=array();
 
			$uitlees=opendir($dir);
			while(($result = readdir($uitlees))!= false)
			{
				if(is_file($dir."/".$result)){
					$files[] = $result;
				}elseif(is_dir($dir."/".$result)){
					if($result != "." && $result != ".."){
						$dirs[] = $result;
					}
				}
			}
			closedir($uitlees);
 
			sort($files);
			sort($dirs);
 
			if($type == "files"){
				return $files;
			}elseif($type == "dirs"){
				return $dirs;
			}elseif($type == "both" || empty($type)){
				return array_merge($dirs,$files);
			}
		}
?>

Werking:

php code - Bekijk de code zonder highlighting - Klap code in

<?php
include("getFiles.php");
echo getFiles::JS("Je directory","JavaScript Array naam");
?>

<?php
include("getFiles.php");
echo getFiles::JS("Je directory","JavaScript Array naam");
?>

Dit zal een stukje html echo-en met in script tags een javascript array. De array heeft de naam die je op gaf. Dit kan je dan weer gebruiken in bijvoorbeeld je jQuery.

Mijn methode is niet perfect, het kan nog veel flexibeler opgezet worden. Maar ik probeer hier een beeld te schetsen van de mogelijkheden.

Voor jou kan het natuurlijk nog veel simpeler, maar ik probeer ook meteen een beetje horizon verbreding mee te geven.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten